<template>

       
  <div>

    <div>
      <div class="all">
        <div class="first">
             <div class="first_top_left">
          <h3>园区概览</h3></div><!--first_top_left  结束-->
          <div class="first_top_right">
            <ul>
              <li>
                当前位置：
              </li>
              <li>
                首页
              </li>
              <li>
                >>
              </li>
              <li>
                园区概览
              </li>
              <li>
                >>
              </li>
              <li>
                园区概况
              </li>
            </ul>
          </div><!--first_top_night 结束-->
        </div><!--first 结束-->
        <div class="first_top_bottom"></div><!--first_top_bottom 结束-->
        <div class="first_comtent">
          <div class="first_comtent_left">
            <ul>
              <li>
                <div style="float: left"><!--start-->
                  <img src="../../assets/title2.png" style="padding-right: 20px;">
                  <div class="parkshow_top"></div>
                </div><!--stop-->
                <div >
                  <router-link to="/park/Yqgk" style="text-decoration:none ">
                    园区概况
                  </router-link>
                </div>
              </li>
              <li>
                <div style="float: left">
                  <div class="parkshow_second"></div>
                  <img src="../../assets/title2.png" style="padding-right: 20px;">
                  <div class="parkshow_top"></div>
                </div>
                <router-link to="/park/Yqgk" style="text-decoration:none ">
                  周边陪套
                </router-link>
              </li>
              <li>
                <div style="float: left">
                  <div class="parkshow_second"></div>
                  <img src="../../assets/title2.png" style="padding-right: 20px;">
                  <div class="parkshow_top"></div>
                </div>
                <router-link to="/park/Wzjjt" style="text-decoration:none ">
                  位置与交通
                </router-link>
              </li>
              <li>
                <div style="float: left">
                  <div class="parkshow_second"></div>
                  <img src="../../assets/title2.png" style="padding-right: 20px;">
                  <div class="parkshow_top"></div>
                </div>
                <router-link to="/park/Lpfc" style="text-decoration:none ">
                  楼盘风采
                </router-link>
              </li>
              <li>
                <div style="float: left">
                  <div class="parkshow_second"></div>
                  <img src="../../assets/title2.png" style="padding-right: 20px;">
                  <div class="parkshow_top"></div>
                </div>
                <router-link to="/park/Yqgk" style="text-decoration:none ">
                  3D导采
                </router-link>
              </li>
              <li>
                <div style="float: left">
                  <div class="parkshow_second"></div>
                  <img src="../../assets/title1.png" style="padding-right: 20px;">
                  <div class="parkshow_top"></div>
                </div>
                <router-link to="/park/Rzqy" style="text-decoration:none ">
                  入驻企业
                </router-link>
              </li>
              <li>
                <div style="float: left">
                  <div class="parkshow_second"></div>
                  <img src="../../assets/title2.png" style="padding-right: 20px;">
                </div>
                <router-link to="/park/Dsj" style="text-decoration:none ">
                  大事记
                </router-link>
              </li>
            </ul>
          </div><!--first_comtent_left 结束-->
          <div class="first_comtent_right">
            <ul style="list-style: none;margin-left: 60px">
              <li>
                <img src="../../assets/company1.png">
              </li>
              <li>
                <img src="../../assets/company2.png">
              </li>
              <li>
                <img src="../../assets/company3.png">
              </li>
              <li>
                <img src="../../assets/company4.png">
              </li>
            </ul>
            <div>&nbsp;</div>
            <ul style="list-style: none;margin-left: 60px;margin-top: -10px">
              <li>
                <img src="../../assets/company5.png">
              </li>
              <li>
                <img src="../../assets/company6.png">
              </li>
              <li>
                <img src="../../assets/company7.png">
              </li>
              <li>
                <img src="../../assets/company8.png">
              </li>
            </ul>
            <div>&nbsp;</div>
            <ul style="list-style: none;margin-left: 60px;margin-top: -10px">
              <li>
                <img src="../../assets/company9.png">
              </li>
            </ul>
          </div><!--first_comtent_right 结束-->
        </div>
      </div>
    </div>
</div>
    </div>
</template>

<style> .all{
  margin:0 auto;width: 100%;
}

.first_top_left h3{
  color: #517bc0;
  font-size: 20px;
  margin-left: 200px;
  float: left;
}
.first_top_right{
  float: right;
  padding-right: 166px;
  margin-top: 10px;
  font-size: 12px;
}
.first_top_right li{
  list-style: none;
  float: left;
}
.first_top_right a{
  text-decoration: none;
  color: black;
}
.first_top_right a:hover{
  color: #507cc0;
}
body{
  padding: 0;
  margin: 0;
}
.first{
  width: 100%;
  height: 60px;
  /*border-bottom: 2px fuchsia solid;*/
}
.first_top_bottom{
  width: 1136px;
  border-bottom: 1px #507cc0 solid;
  margin-left: 100px;
}
.first_comtent_left{
  float: left;
  margin-left: -220px;
  /*border-left: 1px #507cc0 solid;*/
}
.first_comtent_left li{
  list-style: none;
  margin-top: 28px;
  margin-left: -4px;
}
.parkshow_top{
  height: 22px;
  width: 2px;
  background-color: #dcdcdc;
  margin-left: 6px;
  margin-top: -4px;
}
.parkshow_second{
  height: 18px;
  width: 2px;
  float: left;
  background-color: #dcdcdc;
  margin-left: 0px;
  margin-top: -11px;
  position: absolute;
  left: 102px;
}
.first_comtent_left img{
  margin-left: 2px;
}
.first_comtent_right{
  float: left;
}
.first_comtent_right img{
  padding-top: 7px;
  width: 170px;
  height: 85px;
  float: right;
  border: none;
  margin-right: 10px;
}
  .first_comtent_right li{
    width: 190px;
    height: 100px;
    float: left;
    margin-left: 20px;
    background-color: #ecf0f3;
  }
</style>

<script>

    export default {
        data() {

        }
    }

</script>
